<template>
    <aside class="right">
        <div class="weather">
            <iframe width="250"
                    scrolling="no"
                    height="60"
                    frameborder="0"
                    allowtransparency="true"
                    src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=1"></iframe>
        </div>
        <div class="news">
            <h3 class="links"><p>友情<span>链接</span></p></h3>
            <ul class="website">
                <li><a href="/">个人博客</a></li>
                <li><a href="/">谢泽文个人博客</a></li>
                <li><a href="/">3DST技术网</a></li>
                <li><a href="/">思衡网络</a></li>
            </ul>
        </div>
        <!-- Baidu Button BEGIN -->
        <div id="bdshare"
             class="bdshare_t bds_tools_32 get-codes-bdshare">
            <a class="bds_tsina"></a>
            <a class="bds_qzone"></a>
            <a class="bds_tqq"></a>
            <a class="bds_renren"></a><span class="bds_more"></span>
            <a class="shareCount"></a>
        </div>
        <!-- Baidu Button END -->
        <a href="/"
           class="weixin"> </a>
    </aside>
</template>
<style lang="scss">
.weather {
    background: url(./images/weather_bg.jpg) no-repeat;
    height: 88px;
    margin: 20px 0;
    padding: 20px 0 0 75px;
}

.news h3 {
    font-size: 14px;
    background: url(./images/r_title_bg.jpg) repeat-x center;
    p {
        background: #fff;
        width: 70px;
        span {
            color: #65b020
        }
    }
}


.news h3.ph span {
    color: #37ccca;
}

.news h3.links span {
    color: #F17B6B;
}

.news ul {
    margin-bottom: 20px
}

.news ul li a:hover {
    text-decoration: underline
}
</style>